<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>成绩详情</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div class="score-detail-wrap">
    <div class="train-title">
      <div class="title-text">
        {{params?.testMethodName}}
      </div>
      <div class="title-demand"
           [routerLink]="['/train/teacher/score-criteria/']"
           [queryParams]="{
               testItemText: params?.testItemText,
               testItemId:  params?.testModeId,
               ageGroupText: params?.ageGroupText,
               ageGroupId: params?.levelId,
               testContentId: params?.testMethodId
             }">
        查看评分标准
      </div>
    </div>

    <ul class="score-detail-list" *ngIf="scoreInfo">
      <li class="score-detail-item  seed-underline">
        <div class="score-item-left">测试日期</div>
        <div class="score-item-right">{{scoreInfo.testDate?(scoreInfo.testDate|date: "yyyy/MM/dd") :'无'}}</div>
      </li>
      <li class="score-detail-item  seed-underline">
        <div class="score-item-left">测试成绩</div>
        <div class="score-item-right" *ngIf="scoreInfo.testScore">{{scoreInfo.testScore}}{{scoreInfo.testScoreDesc}}</div>
        <div class="score-item-right" *ngIf="!scoreInfo.testScore">无</div>
      </li>
      <li class="score-detail-item  seed-underline">
        <div class="score-item-left">成绩基础分</div>
        <div class="score-item-right">{{scoreInfo.testBaseScore?scoreInfo.testBaseScore:'无'}}</div>
      </li>
      <li class="score-detail-item  seed-underline" >
        <div class="score-item-left seed-flexbox seed-flexbox-column seed-flexbox-content-center">加减分项</div>
        <div class="score-item-right seed-flexbox seed-flexbox-column" *ngIf="scoreInfo.extraTestScores?.length">
          <p *ngFor="let extraScore of scoreInfo.extraTestScores; let i=index;">
            <span *ngIf="extraScore">{{i+1}}、{{extraScore.testName}} {{extraScore.testScore}}
              {{extraScore.testScoreDesc?extraScore.testScoreDesc:'分'}}
            </span>
            <span *ngIf="!extraScore.testScore">无</span>
          </p>
        </div>
        <div class="score-item-right seed-flexbox seed-flexbox-column" *ngIf="!scoreInfo.extraTestScores?.length">无</div>
      </li>
      <!--<li class="score-detail-item border-bottom-scaleY seed-underline" *ngIf="!scoreInfo.extraTestScores">无</li>-->
      <li class="score-detail-item seed-underline">
        <div class="score-item-left">最终得分</div>
        <div class="score-item-right">{{scoreInfo.testTotalScore?scoreInfo.testTotalScore:'无'}}</div>
      </li>

    </ul>
    <div class="gap"></div>
    <div class="score-detail-item border-bottom-scaleY">
      <div class="score-item-left">最终评级</div>
      <div class="score-item-right ultima-color">{{scoreInfo.testScoreLevel?scoreInfo.testScoreLevel: '无'}}</div>
    </div>

  </div>

</seed-content>
